@charset "UTF-8";
html { -webkit-font-smoothing: antialiased; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

table, th, td {/* border: 1px solid black; */}

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; }

dl, ol, ul { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()); }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; }

img { vertical-align: middle; max-width: 100%; height: auto; }

button, input[type="submit"], input[type="text"], input[type="button"] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; blr: expression(this.onFocus=this.blur()); }

input { outline: 0; }

input::-webkit-input-safebox-button { display: none; /*去掉搜狗浏览器密码软盘*/ }

body {font-size: 14px;color: #000;font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;overflow-x: hidden; line-height: 1.2; }

body * {-webkit-box-sizing: border-box;box-sizing: border-box; }


#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

.ellipsis { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.eps2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

html { font-size: calc(100vw / 1920 * 100); }

@media (max-width: 900px) { html { font-size: calc(900px / 1920 * 100); } }

@media (min-width: 1921px) { .s0 { font-size: 0; }
  .s12 { font-size: calc(12 * 100vw / 1920); }
  .s13 { font-size: calc(13 * 100vw / 1920); }
  .s14 { font-size: calc(14 * 100vw / 1920); }
  .s15 { font-size: calc(15 * 100vw / 1920); }
  .s16 { font-size: calc(16 * 100vw / 1920); }
  .s17 { font-size: calc(17 * 100vw / 1920); }
  .s18 { font-size: calc(18 * 100vw / 1920); }
  .s19 { font-size: calc(19 * 100vw / 1920); }
  .s20 { font-size: calc(20 * 100vw / 1920); }
  .s21 { font-size: calc(21 * 100vw / 1920); }
  .s22 { font-size: calc(22 * 100vw / 1920); }
  .s23 { font-size: calc(23 * 100vw / 1920); }
  .s24 { font-size: calc(24 * 100vw / 1920); }
  .s25 { font-size: calc(25 * 100vw / 1920); }
  .s26 { font-size: calc(26 * 100vw / 1920); }
  .s27 { font-size: calc(27 * 100vw / 1920); }
  .s28 { font-size: calc(28 * 100vw / 1920); }
  .s29 { font-size: calc(29 * 100vw / 1920); }
  .s30 { font-size: calc(30 * 100vw / 1920); }
  .s31 { font-size: calc(31 * 100vw / 1920); }
  .s32 { font-size: calc(32 * 100vw / 1920); }
  .s33 { font-size: calc(33 * 100vw / 1920); }
  .s34 { font-size: calc(34 * 100vw / 1920); }
  .s35 { font-size: calc(35 * 100vw / 1920); }
  .s36 { font-size: calc(36 * 100vw / 1920); }
  .s37 { font-size: calc(37 * 100vw / 1920); }
  .s38 { font-size: calc(38 * 100vw / 1920); }
  .s39 { font-size: calc(39 * 100vw / 1920); }
  .s40 { font-size: calc(40 * 100vw / 1920); }
  .s41 { font-size: calc(41 * 100vw / 1920); }
  .s42 { font-size: calc(42 * 100vw / 1920); }
  .s43 { font-size: calc(43 * 100vw / 1920); }
  .s44 { font-size: calc(44 * 100vw / 1920); }
  .s45 { font-size: calc(45 * 100vw / 1920); }
  .s46 { font-size: calc(46 * 100vw / 1920); }
  .s47 { font-size: calc(47 * 100vw / 1920); }
  .s48 { font-size: calc(48 * 100vw / 1920); }
  .s49 { font-size: calc(49 * 100vw / 1920); }
  .s50 { font-size: calc(50 * 100vw / 1920); }
  .s51 { font-size: calc(51 * 100vw / 1920); }
  .s52 { font-size: calc(52 * 100vw / 1920); }
  .s53 { font-size: calc(53 * 100vw / 1920); }
  .s54 { font-size: calc(54 * 100vw / 1920); }
  .s55 { font-size: calc(55 * 100vw / 1920); }
  .s56 { font-size: calc(56 * 100vw / 1920); }
  .s57 { font-size: calc(57 * 100vw / 1920); }
  .s58 { font-size: calc(58 * 100vw / 1920); }
  .s59 { font-size: calc(59 * 100vw / 1920); }
  .s60 { font-size: calc(60 * 100vw / 1920); } }

@media (max-width: 1920px) and (min-width: 551px) { .s0 { font-size: 0; }
  .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 100vw / 1920); }
  .s14 { font-size: calc(12px + 2 * 100vw / 1920); }
  .s15 { font-size: calc(12px + 3 * 100vw / 1920); }
  .s16 { font-size: calc(12px + 4 * 100vw / 1920); }
  .s17 { font-size: calc(12px + 5 * 100vw / 1920); }
  .s18 { font-size: calc(12px + 6 * 100vw / 1920); }
  .s19 { font-size: calc(12px + 7 * 100vw / 1920); }
  .s20 { font-size: calc(12px + 8 * 100vw / 1920); }
  .s21 { font-size: calc(12px + 9 * 100vw / 1920); }
  .s22 { font-size: calc(12px + 10 * 100vw / 1920); }
  .s23 { font-size: calc(12px + 11 * 100vw / 1920); }
  .s24 { font-size: calc(12px + 12 * 100vw / 1920); }
  .s25 { font-size: calc(12px + 13 * 100vw / 1920); }
  .s26 { font-size: calc(12px + 14 * 100vw / 1920); }
  .s27 { font-size: calc(12px + 15 * 100vw / 1920); }
  .s28 { font-size: calc(12px + 16 * 100vw / 1920); }
  .s29 { font-size: calc(12px + 17 * 100vw / 1920); }
  .s30 { font-size: calc(12px + 18 * 100vw / 1920); }
  .s31 { font-size: calc(12px + 19 * 100vw / 1920); }
  .s32 { font-size: calc(12px + 20 * 100vw / 1920); }
  .s33 { font-size: calc(12px + 21 * 100vw / 1920); }
  .s34 { font-size: calc(12px + 22 * 100vw / 1920); }
  .s35 { font-size: calc(12px + 23 * 100vw / 1920); }
  .s36 { font-size: calc(12px + 24 * 100vw / 1920); }
  .s37 { font-size: calc(12px + 25 * 100vw / 1920); }
  .s38 { font-size: calc(12px + 26 * 100vw / 1920); }
  .s39 { font-size: calc(12px + 27 * 100vw / 1920); }
  .s40 { font-size: calc(12px + 28 * 100vw / 1920); }
  .s41 { font-size: calc(12px + 29 * 100vw / 1920); }
  .s42 { font-size: calc(12px + 30 * 100vw / 1920); }
  .s43 { font-size: calc(12px + 31 * 100vw / 1920); }
  .s44 { font-size: calc(12px + 32 * 100vw / 1920); }
  .s45 { font-size: calc(12px + 33 * 100vw / 1920); }
  .s46 { font-size: calc(12px + 34 * 100vw / 1920); }
  .s47 { font-size: calc(12px + 35 * 100vw / 1920); }
  .s48 { font-size: calc(12px + 36 * 100vw / 1920); }
  .s49 { font-size: calc(12px + 37 * 100vw / 1920); }
  .s50 { font-size: calc(12px + 38 * 100vw / 1920); }
  .s51 { font-size: calc(12px + 39 * 100vw / 1920); }
  .s52 { font-size: calc(12px + 40 * 100vw / 1920); }
  .s53 { font-size: calc(12px + 41 * 100vw / 1920); }
  .s54 { font-size: calc(12px + 42 * 100vw / 1920); }
  .s55 { font-size: calc(12px + 43 * 100vw / 1920); }
  .s56 { font-size: calc(12px + 44 * 100vw / 1920); }
  .s57 { font-size: calc(12px + 45 * 100vw / 1920); }
  .s58 { font-size: calc(12px + 46 * 100vw / 1920); }
  .s59 { font-size: calc(12px + 47 * 100vw / 1920); }
  .s60 { font-size: calc(12px + 48 * 100vw / 1920); } }

@media (max-width: 550px) { .s0 { font-size: 0; }
  .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 550px / 1920); }
  .s14 { font-size: calc(12px + 2 * 550px / 1920); }
  .s15 { font-size: calc(12px + 3 * 550px / 1920); }
  .s16 { font-size: calc(12px + 4 * 550px / 1920); }
  .s17 { font-size: calc(12px + 5 * 550px / 1920); }
  .s18 { font-size: calc(12px + 6 * 550px / 1920); }
  .s19 { font-size: calc(12px + 7 * 550px / 1920); }
  .s20 { font-size: calc(12px + 8 * 550px / 1920); }
  .s21 { font-size: calc(12px + 9 * 550px / 1920); }
  .s22 { font-size: calc(12px + 10 * 550px / 1920); }
  .s23 { font-size: calc(12px + 11 * 550px / 1920); }
  .s24 { font-size: calc(12px + 12 * 550px / 1920); }
  .s25 { font-size: calc(12px + 13 * 550px / 1920); }
  .s26 { font-size: calc(12px + 14 * 550px / 1920); }
  .s27 { font-size: calc(12px + 15 * 550px / 1920); }
  .s28 { font-size: calc(12px + 16 * 550px / 1920); }
  .s29 { font-size: calc(12px + 17 * 550px / 1920); }
  .s30 { font-size: calc(12px + 18 * 550px / 1920); }
  .s31 { font-size: calc(12px + 19 * 550px / 1920); }
  .s32 { font-size: calc(12px + 20 * 550px / 1920); }
  .s33 { font-size: calc(12px + 21 * 550px / 1920); }
  .s34 { font-size: calc(12px + 22 * 550px / 1920); }
  .s35 { font-size: calc(12px + 23 * 550px / 1920); }
  .s36 { font-size: calc(12px + 24 * 550px / 1920); }
  .s37 { font-size: calc(12px + 25 * 550px / 1920); }
  .s38 { font-size: calc(12px + 26 * 550px / 1920); }
  .s39 { font-size: calc(12px + 27 * 550px / 1920); }
  .s40 { font-size: calc(12px + 28 * 550px / 1920); }
  .s41 { font-size: calc(12px + 29 * 550px / 1920); }
  .s42 { font-size: calc(12px + 30 * 550px / 1920); }
  .s43 { font-size: calc(12px + 31 * 550px / 1920); }
  .s44 { font-size: calc(12px + 32 * 550px / 1920); }
  .s45 { font-size: calc(12px + 33 * 550px / 1920); }
  .s46 { font-size: calc(12px + 34 * 550px / 1920); }
  .s47 { font-size: calc(12px + 35 * 550px / 1920); }
  .s48 { font-size: calc(12px + 36 * 550px / 1920); }
  .s49 { font-size: calc(12px + 37 * 550px / 1920); }
  .s50 { font-size: calc(12px + 38 * 550px / 1920); }
  .s51 { font-size: calc(12px + 39 * 550px / 1920); }
  .s52 { font-size: calc(12px + 40 * 550px / 1920); }
  .s53 { font-size: calc(12px + 41 * 550px / 1920); }
  .s54 { font-size: calc(12px + 42 * 550px / 1920); }
  .s55 { font-size: calc(12px + 43 * 550px / 1920); }
  .s56 { font-size: calc(12px + 44 * 550px / 1920); }
  .s57 { font-size: calc(12px + 45 * 550px / 1920); }
  .s58 { font-size: calc(12px + 46 * 550px / 1920); }
  .s59 { font-size: calc(12px + 47 * 550px / 1920); }
  .s60 { font-size: calc(12px + 48 * 550px / 1920); } }

@media (max-width: 750px) { .z1 { max-width: 500px !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; float: none !important; display: block !important; }
  .z2, .z3, .z4, .z5 { float: none !important; display: inline-block !important; vertical-align: top !important; margin: 0 2% 2% 0 !important; }
  .z2 { width: 49% !important; }
  .z3 { width: 32% !important; }
  .z4 { width: 23.5% !important; }
  .z5 { width: 18.4% !important; }
  .z2:nth-child(2n), .z3:nth-child(3n), .z4:nth-child(4n), .z5:nth-child(5n) { margin-right: 0 !important; }
  .l1 { padding-left: 10px !important; }
  .r1 { padding-right: 10px !important; }
  .t1 { padding-top: 10px !important; }
  .b1 { padding-bottom: 10px !important; }
  .l2 { padding-left: 20px !important; }
  .r2 { padding-right: 20px !important; }
  .t2 { padding-top: 20px !important; }
  .b2 { padding-bottom: 20px !important; }
  .l3 { padding-left: 30px !important; }
  .r3 { padding-right: 30px !important; }
  .t3 { padding-top: 30px; }
  .b3 { padding-bottom: 30px; } }

.v-a { position: fixed; left: 0; top: 120%; width: 100%; height: 100%; z-index: 10000000; -webkit-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; transition: top .5s ease-in-out; background: rgba(0, 0, 0, 0.8); }

.v-a.full .v-c { right: 0; }

.v-a.show { top: 0; }

.v-a.show .v-e { visibility: visible; }

.v-a.show .v-f { display: block; }

.v-b { width: 100%; max-width: 450px; max-height: 600px; position: absolute; left: 0; top: 50%; right: 0; margin: auto; background: #000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.v-c { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #e81f18; position: absolute; right: -40px; top: 0; z-index: 1000; }

@media (max-width: 550px) { .v-c { right: 0; } }

.v-d { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; color: #fff; }

.v-e { visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto; }

.v-f { display: none; width: 100%; height: 100%; }

/* index */
.index .baner { width: 100%; /* height: 9.38rem; */ padding-top: 1rem; }

.index .baner img { width: 100%; height: 100%; }

.index .baner .swiper-container { height: 100%; }

.index .swiper-pagination-bullet { width: 1.5rem; height: 2px; background-color: #ffffff; opacity: 0.3; }

@media (max-width: 900px) { .index .swiper-pagination-bullet { width: 0.5rem; } }

.index .swiper-pagination-bullet-active { background-color: #e81f18; opacity: 1; }

.index .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 56px; }

.index .main-con { width: 16rem; margin: 0 auto; }

/* box */
.index .box { width: 100%; position: relative; }

.index .box-item { height: 1.92rem; }

.index .box-a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index .box-img { background-color: transparent; }

.index .box-text { margin-top: 0.15rem; color: #333333; font-weight: bold; }

.index .box-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

/* .index .box-item:hover {
  background-color: #e81f18;
} */
.index .box-img1 { /* background-size: .49rem .41rem; */ }

.index .box-img2 { /* background-size: .48rem .41rem; */ }

.index .box-img3 { /* background-size: .56rem .41rem; */ }

.index .box-img4 { /* background-size: .48rem .41rem; */ }

.index .box-img5 { /* background-size: .36rem .41rem; */ }

.box_active { background-color: #e81f18; }

.box_active .box-img { /* background-size: .36rem .41rem; */ }

.box_active .box-text { color: #fff; }

/* .index .box-item2:hover .box-img1{
  background-image: url(../images/gerou1.png);
  background-position: center;
  background-repeat: no-repeat;
}
.index .box-item3:hover .box-img2{
  background-image: url(../images/liusx1.png);
  background-position: center;
  background-repeat: no-repeat;
}
.index .box-item4:hover .box-img3{
  background-image: url(../images/jiaobj1.png);
  background-position: center;
  background-repeat: no-repeat;
}
.index .box-item5:hover .box-img4{
  background-image: url(../images/caijg1.png);
  background-position: center;
  background-repeat: no-repeat;
}
.index .box-item6:hover .box-img5{
  background-image: url(../images/bgsheb1.png);
  background-position: center;
  background-repeat: no-repeat;
} */
/* .index .box-item:hover .box-text {
  color: #fff;
} */
.index .box-prev {width: .6rem;height: .6rem;line-height: 0.6rem;border-radius: 50%;cursor: pointer;position: absolute;left: -.6rem;top: 50%;border: 1px solid;z-index: 5;/* display: none; */font-size: 20px;text-align: center;/* color: #666; *//* background-color: #e81f18; */background-repeat: no-repeat;color: #e81f18;transform: translateY(-50%);}

.index .box-prev:after { content: '\e63f'; font-family: iconfont; }

.index .box-next {width: .6rem;height: .6rem;line-height: 0.6rem;border-radius: 50%;cursor: pointer;position: absolute;right: -.6rem;top: 50%;border: 1px solid;z-index: 5;/* display: none; */font-size: 20px;text-align: center;color: #e81f18;/* background-color: #e81f18; */background-repeat: no-repeat;/* color: #fff; */transform: translateY(-50%);}
.index .box-next:hover{  }
.index .box-next:after { content: '\e621'; font-family: iconfont; }

.index .box-prev.swiper-button-disabled,
.index .box-next.swiper-button-disabled{/* border: 1px solid #ccc; */color: #ccc;background-color: transparent;opacity: 1;}

.index .box-prev:hover { background-position: center; background-color: #e81f18; background-repeat: no-repeat; color: #fff; }

.index .box-next:hover { background-position: center; background-repeat: no-repeat; background-color: #e81f18; color: #fff; }


/* box2 */
.index .box2 { width: 100%; background-color: #f6f6f6; padding-top: 0.5rem; }

.index .box2-con { width: 16rem; margin: 0 auto; position: relative; }

.index .box2-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* align-items: center; */ }

.index .box2-text { color: #e81f18; font-weight: bold; }

.index .box2-inp { width: 3.26rem; height: 50px; background-color: #ffffff; }

.index .box2-inp input { padding-left: 0.2rem; width: 100%; height: 100%; border: none; }

.index .box2-seach .box2-btn { width: 1.11rem; height: 50px; cursor: pointer; background-color: #e81f18; color: #ffffff; }

.index .box2-seach .box2-btn { text-align: center; line-height: 50px; }

.index .box2-seach { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.index .box2-input { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; /* margin-top: .2rem; */ }

.index .box2-in-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.31rem; color: #999999; }

.index .box2-in-txt ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .box2-in-txt ul li { margin-left: .2rem; }

.index .box2-show { width: 100%; margin-top: 0.42rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1rem; }

.index .box2-list {width: 100%;}

.index .box2-item-max { width: 49.3%; height: 4rem; background-color: #ffffff; -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05); }

.index .box2-item-max a { width: 95%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box2-item { width: 24%; }

.index .box2-item:hover .box2-bom .box2-bom-r-img { background-image: url(../images/qcj-gn-1.png); }

.index .box2-item:hover .box2-bom .box2-bom-l { color: #e81f18; }

.index .box2-max-l { width: 3.37rem; margin-left: 0.5rem; }

.index .box2-max-t1 { color: #e81f18; font-family: "AvantGardeITCbyBT-Demi"; font-weight: bold; }

.index .box2-max-title { color: #e81f18; font-family: "AvantGardeITCbyBT-Demi"; margin-top: .15rem; font-weight: bold; }

.index .box2-max-txt { margin-top: 0.32rem; line-height: 1.7; color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.index .box2-list li { float: left; margin-right: 0.2rem; margin-bottom: 0.2rem; }

.index .box2-list li:nth-child(3) { margin-right: 0; }

.index .box2-list li:nth-child(7) { margin-right: 0; }

.index .box2-item-max .box2-btn { width: 1.6rem; height: .5rem; background-color: #e81f18; text-align: center; line-height: .5rem; color: #fefefe; margin-top: 0.6rem; }

.index .box2-top { height: 3.21rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #eee; overflow: hidden; }

.index .box2-max-r { margin-left: 0.64rem; /* overflow: hidden; */ }

.index .box2-max-r img { display: block; width: 1.92rem; height: 2.33rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.box2-item-max:hover .box2-max-r img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.index .box2-item { /* width: 3.85rem; */ background-color: #ffffff; height: 4rem; }

.box2-top { overflow: hidden; }

.box2-top img { display: block; width: 1.92rem; height: 2.33rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.index .box2-bom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 0.31rem; }

.box2-item:hover .box2-top img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.index .box2-bom-r { width: 100%; height: 0.79rem; }

.index .box2-bom-l { width: 80%; height: 100%; font-family: "SourceHanSansSC-Regular"; letter-spacing: 0px; /* font-weight: bold; */ font-weight: 500; color: #333333; font-weight: bold; }

.index .box2-bom-xian { width: 1px; height: 0.79rem; background-color: #eeeeee; }

.index .box2-bom-r { width: 19%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index .box2-bom-r-img { width: 22px; height: 26px; background-image: url(../images/qcj-gn.png); background-position: center center; background-repeat: no-repeat; }

.index .box2-show-btn { width: 160px; height: 50px; border: solid 1px #e81f18; text-align: center; line-height: 50px; color: #e81f18; margin-top: 0.41rem; }

.index .box2-prev {cursor: pointer;width: .6rem;height: .6rem;position: absolute;left: -0.6rem;top: 45%;border-radius: 50%;z-index: 2;/* background-color: #e81f18; */background-size: 9px;color: #e81f18;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;border: 1px solid;}
.index .box2-prev:hover{
    background: #e81f18;
    color: #fff;
}
.index .box2-prev:after { content: '\e63f'; font-family: iconfont; }

.index .box2-prev.swiper-button-disabled {/* border: solid 1px #999999; */background-color: transparent;color: #ccc;}

.index .box2-next {cursor: pointer;width: .6rem;height: .6rem;position: absolute;right: -0.6rem;top: 45%;border-radius: 50%;z-index: 2;/* background-color: #e81f18; */background-size: 9px;color: #e81f18;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;border: 1px solid;}
.index .box2-next:hover{background-color: #e81f18;color: #fff;}
.index .box2-next:after { content: '\e621'; font-family: iconfont; }

.index .box2-next.swiper-button-disabled {/* border: solid 1px #999999; */background-color: transparent;color: #ccc;}

.index .box3 { width: 100%; background-image: url(../images/about.jpg); background-size: cover; position: relative; }

.index { overflow: hidden; }

footer { width: 100%; }

.index .box3-con { width: 16rem; /* height: 7.67rem; */ padding-top: 1.08rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.index .box3-l { width: 45%; /* padding-top: .13rem; */ padding-bottom: 1.77rem; }

.index .box3-l .box3-title { color: #333333; font-weight: bold; /* margin-top: 0.13rem; */ }

.index .box3-l .box3-text { line-height: 2.2; color: #666666; margin-top: 0.39rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; }

.index .box3-l .box3-btn { width: 160px; height: 50px; background-color: #e81f18; color: #ffffff; text-align: center; line-height: 50px; margin-top: 0.8rem; }

.index .box3-show { margin-top: .6rem; }

.index .box3-r { padding-top: .13rem; width: 55%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.index .box3-show-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* padding-bottom: 1.17rem; */ }

.index .box3-item-t1 { color: #e81f18; font-weight: bold; }

.index .box3-item-t2 { margin-top: 0.18rem; color: #666666; }

@media (max-width: 767px) { .index .box3-item-t2 { margin-top: 0.1rem; } }

.index .box3-bom { width: 100%; }

.index .box6-l-title { font-weight: bold; }

.index .box3-bom-con { width: 16rem; margin: 0 auto; }

.index .box3-bom-list { position: relative; top: -.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05); }

.index .box3-bom-item { width: 25%; position: relative; padding: .52rem 0 .53rem; }

.box3-bom-item a { display: block; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 501px) { .box3-bom-item:hover { /* height: 1.64rem; */ border-bottom: 3px solid #093190; } }

@media (max-width: 500px) { .box3-bom-item:first-child { border-bottom: 2px solid #093190; } }

/* .box3-active{
  border-bottom: 3px solid #093190;
  position: absolute;
  bottom: 0;
} */
.index .box3-bom-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.64rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index .vido-box { width: 8rem; height: 5rem; background-color: #ccc; position: relative; }

.index .vido-box img { width: 100%; height: 100%; }

.index .vido-op { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; }

.index .vido-btn { cursor: pointer; width: 74px; height: 74px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../images/video.png); background-size: 70%; background-repeat: no-repeat; background-position: center; z-index: 5; opacity: 1; }

.box3-bom { width: 100%; }

.box3-bom-con { width: 16rem; margin: 0 auto; }

.bom-item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.item-box-r { margin-left: .28rem; }

.item-box-r-t2 { margin-top: .17rem; line-height: normal; }

@media (max-width: 550px) { .item-box-r-t2 { font-size: 10px; } }

@media (min-width: 501px) { .box3-bom-item:hover .item-box-r-t1, .box3-bom-item:hover .item-box-r-t2 { color: #e81f18; } }

@media (max-width: 500px) { .box3-bom-item:first-child .item-box-r-t1, .box3-bom-item:first-child .item-box-r-t2 { color: #e81f18; } }

/* box4 */
.index .box4 { background-image: url(../images/item-imgbg_03.jpg); background-repeat: no-repeat; background-size: cover; }

.index .box4-con { width: 16rem; margin: 0 auto; padding-top: 1.39rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.index .box4-l { width: 30%; height: 100%; }

.index .box4-title { color: #e81f18; line-height: 1.2; font-weight: bold; }

.index .box4-ys-xian { width: 47px; height: 5px; background-color: #e81f18; margin-top: .48rem; }

.index .box4-yous { margin-top: .61rem; }

.index .box4-ys-t1 { color: #fff; font-weight: bold; }

.index .box4-ys-t2 { margin-top: .2rem; color: #fff; }

.index .box4-phone { margin-top: 1.27rem; }

.index .box4-phone-t1 { color: #fff; }

.index .box4-phone-num { color: #e81f18; margin-top: .21rem; font-weight: bold; }

.index .box4-phone-btn { width: 160px; height: 50px; text-align: center; line-height: 50px; background-color: #e81f18; color: #fefefe; margin-top: .34rem; }

.index .box4-r { width: 70%; /* margin-left: .97rem; */ }

.index .box4-list {width: 100%;padding-bottom: 1rem;/* display: flex; justify-content: space-between; */display: flex;flex-wrap: wrap;}

.index .box4-item {position: relative;display: inline-block;width: 48%;background-color: #fff;padding: .6rem .52rem .7rem .4rem;/* height: 3rem; */-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03);margin-right: .34rem;margin-bottom: .3rem;vertical-align: top;}

.index .box4-item:nth-child(2n) { margin-right: 0; }

.index .box4-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .box4-item-txt { color: #e81f18; margin-left: .18rem; font-weight: bold; }

.index .box4-item-text { line-height: 1.8; color: #666666; margin-top: .2rem; text-align: justify; }

.index .box4-item-img { width: 51px; height: 58px; }

.box4-img1 { background-image: url(../images/item-img1-1.png); background-position: center; background-repeat: no-repeat; }

.box4-img2 { background-image: url(../images/item-img2.png); background-position: center; background-repeat: no-repeat; }

.box4-img3 { background-image: url(../images/item-img3.png); background-position: center; background-repeat: no-repeat; }

.box4-img4 { background-image: url(../images/item-img4.png); background-position: center; background-repeat: no-repeat; }

.box4-img5 { background-image: url(../images/item-img5.png); background-position: center; background-repeat: no-repeat; }

.index .box4-item:hover { background-image: url(../images/bg_03.jpg); background-repeat: no-repeat; background-size: cover; }

.index .box4-item:hover:nth-child(1) .box4-item-img { background-image: url(../images/item-img1.png); }

.index .box4-item:hover .box4-img2 { background-image: url(../images/item-img2-1.png); }

.index .box4-item:hover .box4-img3 { background-image: url(../images/item-img3-1.png); }

.index .box4-item:hover .box4-img4 { background-image: url(../images/item-img4-1.png); }

.index .box4-item:hover .box4-img5 { background-image: url(../images/item-img5-1.png); }

.index .box4-item:hover .box4-item-text { color: #fff; }

.index .box4-item:hover .box4-item-txt { color: #fff; }

.box4-num { position: absolute; right: 0; bottom: 0; font-size: 100px; color: #e81f18; opacity: 0.08; font-family: "AvantGardeITCbyBT-Demi"; }

.box4-item_bg3 { /* background-image: url(../images/index_item-bg_03.png); background-position: center; background-repeat: no-repeat; */ }

/* box5 */
.index .box5 { background-color: #fff; padding: 1rem 0 1rem 0; }

.index .box5-con { width: 16rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.index .box5-l { width: 24%; }

.index .box5-title { margin-top: .5rem; color: #333333; font-family: "SourceHanSansSC-Bold"; font-weight: bold; }

.index .box5-text { line-height: 1.8; margin-top: .64rem; color: #666666; }

.index .box5-phone { margin-top: .78rem; }

.index .box5-phone-num { margin-top: .25rem; color: #e81f18; }

.index .box5-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.02rem; }

.index .box5-prev {cursor: pointer;width: .6rem;height: .6rem;border-radius: 50%;/* background-color: #e81f18; */display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: .2rem;border: 1px solid;color: #e81f18;}
.index .box5-prev:hover{background: #e81f18;color: #fff;}
.index .box5-prev:after { content: '\e63f'; font-family: iconfont; }

.index .box5-prev.swiper-button-disabled {/* border: solid 1px #999999; */background-color: transparent;/* transform: rotate(180deg); */color: #ccc;}

.index .box5-next {cursor: pointer;width: .6rem;height: .6rem;border-radius: 50%;margin-left: .2rem;/* background-image: url(../images/prev.png); *//* transform: rotate(180deg); */background-size: 8px;/* background-color: #e81f18; */color: #e81f18;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: .2rem;border: 1px solid;}
.index .box5-next:hover{
    background: #e81f18;
    color: #fff;
}
.index .box5-next:after { content: '\e621'; font-family: iconfont; }

.index .box5-next.swiper-button-disabled {/* border: solid 1px #999999; */background-color: transparent;color: #ccc;/* transform: rotate(0); */}

.index .box5-show { /* width: 10.8rem; */ border-top: 1px solid #eee; border-left: 1px solid #eee; }

.index .box5-r { width: 67%; margin-left: 1.38rem; }

.index .box5-item { width: 25%; height: 3.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; float: left; }

.box5-item-img { width: 1.07rem; height: 1.06rem; }

.index .box5-item-text { margin-top: .59rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 12px; line-height: normal; }

/* box6 */
.index .box6 { width: 100%; background-color: #f6f6f6; padding-bottom: 1.03rem; margin-top: 1rem; }

.index .box6-con { width: 16rem; margin: 0 auto; padding-top: .81rem; }

.box6-title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .box6-list { min-width: 4.04rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .box6-item { color: #666; position: relative; margin-right: .2rem; }

.index .box6-active { color: #e81f18; }

.index .box6-item .box6-active::before { position: absolute; left: -22px; top: 50%; content: ''; width: 12px; height: 3px; background-color: #e81f18; }

.index .box6-l-text { margin-top: .2rem; }

.index .box6-show { width: 100%; }

.index .box6-show { margin-top: .5rem; }

.index .box6-top { width: 100%; /* height: 5.4rem; */ display: -webkit-box; display: -ms-flexbox; display: flex; }

.index .box6-item-l { width: 60%; overflow: hidden; }

.index .box6-item-l:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.index .box6-item-l img { width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.index .box6-item-r { width: 40%; height: 100%; }

.index .box6-i-r-list { width: 100%; }

.index .box6-i-r-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; border-bottom: 1px solid #eee; }

.box6-bom-item:hover .box6-bom-r-t1 { color: #e81f18; }

.box6-bom-r { overflow: hidden; }

.box6-bom-r img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.box6-bom-r:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.index .box6-i-r-l { width: 75%; padding: .44rem 0 .4rem .59rem; border-right: 1px solid #eee; }

.index .box6-i-r-r { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .4rem 0; }

.index .box6-i-r-t1 { color: #333333; padding-right: .59rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.index .box6-i-r-txt { margin-top: .29rem; color: #333333; opacity: 0.5; line-height: 1.8; padding-right: .65rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.box6-showbox-item { display: none; }

.index .box6-i-r-M { /* margin-top: .4rem; */ }

.index .box6-i-r-Y { /* margin-top: .2rem; */ color: #666666; }

.index .box6-i-r-btn { width: .6rem; height: .6rem; border-radius: 50%; background-color: #f6f6f6; background-image: url(../images/szj-1.png); background-position: center; background-repeat: no-repeat; margin-top: .45rem; background-size: .3rem .3rem; }

.index .box6-bom { width: 100%; }

.index .box6-bom-l { width: 60%; }

.index .box6-bom-item-l { width: 1.6rem; }

.index .box6-bom-item { display: -webkit-box; display: -ms-flexbox; display: flex;background-color: white;border-bottom: 1px solid #eee; }

.index .box6-bom-item-r { /* width: 83.5%; */ /*border-bottom: 1px solid #eee;*/ background-color: #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.index .box6-bom-item:last-child .box6-bom-item-r { border: none; }

.index .box6-bom-item-l { /* height: 1.8rem; */ background-color: #e81f18; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.index .box6-bom-M { color: #ffffff; }

.index .box6-bom-Y { color: #fff; margin-top: .2rem; }

.index .box6-bom-r { width: 40%; }

.index .box6-bom { display: -webkit-box; display: -ms-flexbox; display: flex; }

.box6-bom-item a { display: -webkit-box; display: -ms-flexbox; display: flex; }

.index .box6-bom-item-r { padding: .4rem 0 .39rem .61rem; }

.index .box6-bom-r-t1 { color: #333333; font-family: "SourceHanSansSC-Regular"; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.index .box6-bom-r-t2 { color: #333333; opacity: 0.5; font-family: "SourceHanSansSC-Regular"; line-height: 1.8; padding-right: .71rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.index .box6-bom-item-l2 { background-color: #093190; }

.index .box6-bom-r img { width: 100%; height: 100%; }

.box3-item-box { margin-left: .28rem; }

.box3-item-b1 { color: #e81f18; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.box3-item-b2 { margin-top: .17rem; color: #e81f18; line-height: normal; }

.index .box6-item a { position: relative; }

.box6-i-r-item:hover .box6-i-r-btn { background-color: #e81f18; background-image: url(../images/szj.png); }

.box6-i-r-item:hover .box6-i-r-t1 { color: #e81f18; }

.box6-item:hover a { color: #e81f18; }

.max-img { display: block; }

.min-img { display: none; }

.box3-img { display: inline-block; width: 54px; height: 53px; }

.fiexd-icon { color: #fff; font-size: 30px; }

@media (max-width: 1200px) { /* .index .box6-list{ width: 5rem; } */
  .index .box6-item { margin-right: .8rem; }
  .box3-bom-item a { -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; padding: 0 10%; }
  .index .box3-show-list { width: 130%; } }

@media (max-width: 767px) { .max-img { display: none; }
  .min-img { display: block; }
  .index .main-con { width: 100%; }
  .box-show { padding: 0 4%; }
  .index .box-prev { left: 5px; display: none; }
  .index .box-next { right: 5px; display: none; }
  .index .box2-con { width: 100%; padding: 0 4%; }
  .index .box2-in-txt ul { display: block; }
  .index .box2-in-txt ul li { display: inline-block; /* margin:.2rem .15rem .2rem 0; */ /* margin-top: .2rem; */ margin-left: .15rem; }
  .index .box2-in-txt { /* display: inline-block; */ width: 100%; }
  .products-list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
  .products-list:after{ display: none!important; }
  .index .box2-item {width: 48%;margin-right: 0;/* margin: .18rem 2% .18rem 2%; */}
  .index .box2-item-max { width: 100%; }
  .index .box2-list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
  .index .box2-list:after{ display: none; }
  .index .box2-list li{margin-right: 0;}
  .index .box2-show-btn{width: 120px;line-height: 40px;height: 40px;}
  .index .box2-prev { display: none;left: 0; top: 50%; background-size: 28% 50%; }
  .index .box2-next { display: none;right: 0; top: 50%; background-size: 28% 50%; }
  .index .box3-con { width: 100%; display: block; height: auto; padding: 1.08rem 4% 1.61rem 4%; }
  .index .box3-show-list { display: block; }
  .box3-item { margin-top: .3rem; width: 45%; display: inline-block; }
  .box3-item:nth-child(3) { margin-top: .3rem; }
  .index .box3-l { width: 100%; }
  .index .box3-r { width: 100%; height: 100%; }
  .index .box3-bom-con { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .index .box3-bom-list { display: block; height: auto; padding: 0 4%; }
  .index .box3-bom-item { width: 50%; float: left;display: block; }
  .index .box3-l { padding-bottom: .7rem; }
  .index .box3-l .box3-btn{width: 120px;height: 40px;line-height: 40px;}
  .index .box3-show { margin-top: .5rem;}
  .index .box4-con { width: 100%; display: block; height: auto; padding: 0 4%; }
  .index .box4-l { width: 100%; padding-top: 1rem; }
  .index .box4-phone { margin-top: 0.37rem; }
  .index .box4-phone-btn { display: none; }
  .index .box4-r { width: 100%; margin-left: 0; margin-top: .6rem; }
  .index .box4-item { width: 100%; padding: .3rem .4rem .4rem .4rem; }
  .index .box4-item-img { width: 32px;height: 26px; }
  .index .box5-con { width: 100%; height: auto; display: block; padding: 0 4%; position: relative; }
  .index .box5-l { width: 100%; height: auto; }
  .index .box5-r { width: 100%; height: auto; margin-left: 0; margin-top: .8rem; }
  .index .box6-con { width: 100%; height: auto; padding: .81rem 4% 1.03rem 4%; }
  .box6-title { display: block; }
  .index .box6-list { width: 100%; text-align: center; margin-top: .5rem; }
  .index .box6-item { width: 50%; margin: 0 auto; }
  .index .box6-top { display: block; }
  .index .box6-item-l { width: 100%; height: auto; }
  .index .box6-item-r { width: 100%; }
  .index .box6-bom { /* display: block; */ height: auto; }
  .index .box6-bom-l { width: 100%; }
  .index .box6-bom-r { width: 100%; }
  .index .box2-item-max .box2-btn { margin-top: .3rem; }
  .index .box5-btn { position: absolute; top: 93%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .index .box-img { background-size: 60%; height: 44px; }
  .index .box-img1, .index .box-img2, .index .box-img3, .index .box-img4, .index .box-img5 { background-size: 70%; }
  .video-js .vjs-big-play-button { background-size: 100%; }
  .index .box4-item-img { background-size: 70%; } }

/* 疑问解答  .doubt*/
.doubt .main-doubt { margin-top: 1rem; }

.doubt .doubt-baner { width: 100%; /* height: 5rem; */ position: relative; }

/* .doubt .doubt-baner .baner-img img{
  width: 100%;
  height: 100%;
} */
.idx-main .baner-img { padding-top: 43%; background-size: cover; background-position: center; }

.doubt .baner-text { position: absolute; top: 50%; left: 8.35%; }

.doubt .baner-t1 { color: #ffffff; font-weight: bold; }

.doubt .baner-t2 { color: #ffffff; margin-top: .2rem; font-family: "AvantGardeITCbyBT-Book"; }

.doubt .main-doubt-con { width: 16rem; margin: 0 auto;padding-bottom: .8rem; }

.doubt .crumbs { width: 100%; border-bottom: 1px solid #eee; }

.doubt .crumbs-con { width: 16rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.doubt .crumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .32rem 0; }

.doubt .crumbs-icon { margin-right: .19rem; }

.doubt .crumbs-icon:after { content: '\e610'; font-family: iconfont; font-size: 20px; }

.doubt .crumbs-icon img { display: none; }

.doubt .crumbs-list .crumbs-item { position: relative; }

.doubt .crumbs-list .crumbs-item a::after { content: '\e621'; margin: 0 .2rem; font-family: iconfont; }

.doubt .crumbs-list .crumbs-item:last-child a::after { display: none; }

.doubt .crumbs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; }

.doubt .crumbs-nav-item a { display: block; padding: .33rem; }

.doubt .nav-crumbs-active, .crumbs-nav-item a:hover { color: #e81f18; position: relative; }

.doubt .nav-crumbs-active::after { content: ""; width: 100%; height: 2px; background-color: #e81f18; position: absolute; bottom: -2px; left: 0; }

.doubt .doubt-item { width: 16rem; /* padding:.2rem 0; */ /* height: .8rem; */ background-color: #f6f6f6; margin-bottom: .2rem; }

.doubt .doubt-item:hover .doubt-item-text:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 100%; border: solid 1px #e81f18; }

.doubt .doubt-item:hover .doubt-item-t1 { color: #e81f18; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal; }

.doubt_active { background-color: #e81f18 !important; }

.doubt .doubt-item-text { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .3rem .43rem .3rem .4rem; /* line-height: .8rem; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #333333; position: relative; }

.doubt-item-t1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal; }

.doubt .doubt-item-btn { width: 8px; height: 15px; }

.doubt .doubt-item-btn:after { content: '\e621'; font-family: iconfont; font-size: 18px; }

.doubt .doubt-item:hover .doubt-item-btn { color: #e81f18; }

.doubt .doubt-show { margin-top: .79rem; }

.doubt .doubt-crumbs-num { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .53rem; /*margin-bottom: 1.02rem;*/ }

.crumbs_active { color: #e81f18; }

.doubt .crumbs-num-item { margin: 0 .18rem; }

.doubt-prev {width: .6rem;height: .6rem;/* background-color: #cccccc; */border-radius: 50%;margin-right: .26rem;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: 1px solid;color: #e81f18;}

.doubt-prev:after {content: '\e63f';font-size: 18px;/* color: #fff; */font-family: iconfont;}

.doubt-prev {/* background-color: #e81f18; *//* background-image: url(../images/doubt-next.png); *//* transform: rotate(180deg); */}
.doubt-prev.disabled{/* background-color: #cccccc; */pointer-events: none;color: #ccc;}

.doubt-next {width: .6rem;height: .6rem;/* background-color: #cccccc; */border-radius: 50%;/* transform: rotate(180deg); */margin-left: .26rem;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: 1px solid;color: #e81f18;}

.doubt-next:after {content: '\e621';font-size: 18px;/* color: #fff; */font-family: iconfont;}

@media (min-width: 900px) { 
.crumbs-num-item:hover {color: #e81f18;}

.doubt-next:hover { background-color: #e81f18; color: #fff; } }

.doubt-next {/* background-color: #e81f18; *//* background-image: url(../images/doubt-next.png); *//* transform: rotate(0); *//* background-position: center center; */}
.doubt-next.disabled{/* background-color: #cccccc; */color: #ccc;pointer-events: none;}

.doubt-prev:hover{
    background: #e81f18;
    color: #fff;
}

/* 疑问解答-详情 */
.main-doubt-con-xq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.doubt-xq-l { width: 70%; padding-top: .83rem; padding-bottom: .8rem; }

.doubt-xq-r { width: 25%; margin-top: .88rem; }

.doubt-xq-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .16rem; color: #999999; margin-bottom: .16rem; }

.doubt-box-fenx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.doubt-box-yued { margin-left: .69rem; margin-right: .65rem; }

.doubt-xq-xian { width: 100%; height: 4px; }

.xq-xian { width: 100%; border: dashed 1px #cccccc; }

.boubt-bom-prev .boubt-bom-icon { display: block; /* background-image: url(../images/prev.png); */ }

.boubt-bom-prev .boubt-bom-icon:after { content: '\e63f'; font-family: iconfont; font-size: 18px; }

.boubt-bom-prev:hover { color: #e81f18; }

.boubt-bom-prev:hover .boubt-bom-icon { /* transform: rotate(180deg); */ color: #e81f18; }

.boubt-bom-rten { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.boubt-bom-rten .boubt-bom-icon { display: block; /* background-image: url(../images/rten.png); */ margin-left: .1rem; color: #333; }

.boubt-bom-rten .boubt-bom-icon:after { content: '\e670'; font-family: iconfont; }

.boubt-bom-rten:hover { color: #e81f18; }

.boubt-bom-rten:hover .boubt-bom-icon { color: #e81f18; }

.boubt-bom-next .boubt-bom-icon { display: block; /* transform: rotate(180deg); */ }

.boubt-bom-next .boubt-bom-icon:after { content: '\e621'; font-family: iconfont; font-size: 18px; }

.boubt-bom-next:hover .boubt-bom-icon { /* transform: rotate(0); */ color: #e81f18; }

.boubt-bom-next:hover { color: #e81f18; }

.doubt-bom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .35rem; }

.boubt-bom-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.boubt-bom-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.doubt-xq-l .vido { width: 100%; height: 5.2rem; }

.doubt-xq-l p { line-height: 2.2; color: #333333;margin: .16rem 0; }

.doubt-xq-l .p1 { margin-top: .39rem; }

.doubt-xq-l .p2 { margin-top: .58rem; margin-bottom: .38rem; }

.doubt-xq-l .p3 { margin-top: .39rem; }

.doubt-r { width: 30%; }

.doubt-r-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.doubt-xq-list { width: 100%; }

.doubt-xq-item { padding: .28rem 0 .24rem 0; border-bottom: 1px dashed #cccccc; }

.doubt-r-t2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.doubt-r-gd-img { display: inline-block; width: 17px; height: 17px; line-height: 17px; background: #666; border-radius: 50%; text-align: center; }

.doubt-r-gd-img:after { content: '\e621'; font-family: iconfont; color: #fff; font-size: 14px; }

.doubt-r-t2:hover .doubt-r-gd-img { background-color: #e81f18; }

.doubt-r-gd { margin-right: 8px; }

.doubt-xq-t1 { color: #333333; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: bold; }

.doubt-xq-t2 { color: #666666; margin-top: .19rem; }

.doubt-r-t2:hover { color: #e81f18; }

.doubt-r-bg { display: inline-block; width: 17px; height: 17px; background-image: url(../images/gengd.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.doubt-r-t2:hover .doubt-r-bg { background-image: url(../images/gengd-1.png); }

.doubt-xq-item:hover .doubt-xq-t1 { color: #e81f18; }

/* 视频 */
.vido video { width: 100%; height: 100%; }

.vido embed { width: 100%; height: 100%; }

.vido iframe { width: 100%; height: 100%; }

/* 留言 */
.liuyan { width: 100%; background-color: #f6f6f6; padding-top: 1rem; padding-bottom: 1rem; }

@media (max-width: 767px) { .liuyan { padding: 0; } }

.liuyan-con { width: 14rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; }

.liuyan-l { width: 30%; }

.liuyan-r { width: 70%; padding-left: .8rem; padding-top: .61rem; padding-right: .83rem; padding-bottom: .81rem; }

.liuyan-l-img { padding-top: 75%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.liuyan-title-t2 { margin-top: .2rem; color: #666666; line-height: normal; }

.liuyan-name { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin-top: .41rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.liuyan-name-l { width: 74px; /* line-height: 60px; */ }

.liuyan-txt .liuyan-name-l { width: 74px; }

.liuyan-name-l-t1 { color: #d90000; }

.liuyan-name-r { width: 6.56rem; height: 50px; border: solid 1px #eeeeee; }

.liuyan-name-r input { width: 100%; height: 100%; border: none; padding-left: .2rem; }

.liuyan-name-ywm-box { width: 80%; height: 50px; border: 1px solid #eee; }

.liuyan-name-ywm-box input { width: 100%; height: 100%; border: none; padding-left: .2rem; }

.liuyan-yzm .liuyan-yzmbox { height: 100%; width: 20%; background-color: #ffffff; border: solid 1px #eeeeee; margin-left: .11rem; margin-left: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* .liuyan-name-ywm-box{
  height: 50px;
} */
.liuyan-name-r-yzm { width: 6.56rem; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; /* justify-content: space-between; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.liuyan-txt { height: auto; }

.liuyan-txt textarea { width: 6.56rem; height: 100px; border: none; line-height: 1.5; padding: .2rem; }

.liuyan-phone, .liuyan-yzm, .liuyan-txt { margin-top: .2rem; }

.liuyan-btn { width: 3rem; height: .6rem; background-color: #e81f18; color: #fff; text-align: center; line-height: .6rem; margin-top: .3rem; margin-left: .74rem; }

.liuyan-name-r-txt { border: 1px solid #eee; }

@media (max-width: 767px) { .liuyan-con { width: 100%; display: block; padding: 0 4%; }
  .liuyan-l { width: 100%; }
  .liuyan-r { width: 100%; }
  .liuyan-name { display: block; vertical-align: top; margin-top: .5rem; }
  .liuyan-name-l { /* margin-top: .3rem; */ margin-bottom: .2rem; }
  .liuyan-txt textarea { width: 100%; }
  .liuyan-r { padding-left: 0; padding-right: 0; }
  .liuyan-name-r { width: 100%; height: 40px; }
  .liuyan-name-ywm-box { width: 80%; height: 40px; }
  .liuyan-name-r-yzm { width: 100%; }
  .idx-main .baner-img { padding-top: 63%; }
  .liuyan-yzm .liuyan-yzmbox { height: 40px; } }

/* 新闻资讯 */
.news-con { width: 16rem; margin: 0 auto; padding-top: .8rem; padding-bottom: .8rem;}

.news-top { padding-bottom: .8rem; position: relative; }

.news-top-show { width: 100%; height: 3.68rem; }

.news-t1 { margin-top: .3rem; color: #666666; }

.news-img { overflow: hidden; }

.news-img img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-item-box:hover .news-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.news-t2 { margin-top: .21rem; line-height: normal; color: #333333; font-weight: bold; }

.news-item-box:hover .news-t2 { color: #e81f18; }

.news-prev { width: .6rem; height: .6rem; border-radius: 50%; border: solid 1px #999999; position: absolute; left: -3.8%; top: 1.1rem; background-image: url(../images/left.png); background-position: center; background-repeat: no-repeat; background-size: auto .15rem; z-index: 3; cursor: pointer; }

.news-prev:hover { background-image: url(../images/left-2.png); background-color: #e81f18; /* transform: rotate(180deg); */ border: none; }

.news-next { width: .6rem; height: .6rem; border-radius: 50%; border: solid 1px #999999; position: absolute; right: -3.8%; top: 1.1rem; background-image: url(../images/right.png); background-position: center; background-repeat: no-repeat; background-size: auto .15rem; /* transform: rotate(180deg); */ z-index: 3; cursor: pointer; }

.news-next:hover { background-color: #e81f18; background-image: url(../images/right-2.png); /* transform: rotate(0); */ border: none; }

.news-list { width: 100%; }

.news-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; padding-bottom: .6rem; margin-bottom: .59rem; }

.news-item-l { width: 24%; /* height: 2.16rem; */ overflow: hidden; }

.news-item-img { width: 100%; height: 100%; }

.news-item-img img { width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-item-r { width: 76%; padding-left: .56rem; }

.news-list { padding-top: .8rem; border-top: 1px solid #eee; }

.news-item-day { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.news-item-d2 { width: .5rem; height: 2px; background-color: #000000; opacity: 0.55; margin-left: .2rem; }

.mews-item-title { margin-top: .1rem; }

.mews-item-title a { margin-top: .19rem; color: #333333; font-weight: bold; }

.news-item-text { line-height: 1.8; margin-top: .19rem; color: #666666; }

.news-item-btn { width: 160px; height: 50px; border: solid 1px #e81f18; color: #e81f18; margin-top: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.news-item-icon { display: inline-block; width: 15px; height: 15px; background-image: url(../images/news-btn-a1.png); background-position: center; background-repeat: no-repeat; margin-left: .26rem; }

.news-item-d1 { color: #000000; }

.news-item:hover .mews-item-title { color: #e81f18; }

.news-item:hover .news-item-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.news-item:hover .news-item-btn { background-color: #e81f18;color: #ffffff; }

.news-item:hover .news-item-icon { background-image: url(../images/news-btn-a.png); }

@media (max-width: 767px) { .news-con { width: 100%; }
  .news-top { padding: 0 4%; }
  .news-prev { top: 30%; left: 6%; background-image: url(../images/left-2.png); }
  .news-next { top: 30%; right: 6%; background-image: url(../images/right-2.png); }
  .news-top-show { height: auto; padding-bottom: .81rem; }
  .news-list { padding: .8rem 4% 0 4%; }
  .news-item { display: block; }
  .news-item-l { width: 100%; }
  .news-item-r { width: 100%; padding-top: .59rem; padding-left: 0; }
  .doubt .main-doubt-con { width: 100%; display: block; padding: 0 4%;padding-bottom: .8rem;}
  .doubt .doubt-item { width: 100%; }
  .doubt-xq-l { width: 100%; }
  .doubt-xq-r { width: 100%; padding-bottom: 1rem; }
  .doubt-box-fenx { margin: 0; }
  .doubt-xq-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; margin-top: 0; }
  .doubt-box-yued { display: inline-block; display: none; }
  .doubt .crumbs-nav-item a { text-align: center; padding: .3rem 0; } }

/* 新闻资讯-详情 */
.news-img1 { width: 100%; }

.news-img1 img { width: 100%; height: 100%; }

.news-xq-t2 { margin-top: .22rem; }

.news-xq-t1 { margin-top: .18rem; color: #333333; }

.news-xq-item { border: none; }

.doubt-box-day { display: -webkit-box; display: -ms-flexbox; display: flex; /* margin-top: .25rem; */ }

/* 荣誉资质 */
.honor { width: 100%; background-color: #f6f6f6; }

.honor .honor-con { width: 16rem; margin: 0 auto; padding-top: .8rem; padding-bottom: 1rem; }

.honor-list { width: 100%; padding-bottom: .8rem; }

.honor-item {display: inline-block;width: 23.2%;/* height: 4.7rem; */background-color: #ffffff;margin-right: .3rem;margin-bottom: .39rem;vertical-align: top;}

.honor-item:nth-child(4n) { margin-right: 0; }

.honor-item .honor-a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.honor-item-top { cursor: pointer; width: 3.7rem; height: 3.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.honor-item-img { width: 2.81rem; height: 2.09rem; overflow: hidden; }

.honor-item-img .honor-img { width: 100%; height: 100%; }

.honor-item-img .honor-img img { width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.honor-item:hover .honor-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.honor-item:hover .honor-item-text { color: #e81f18; }

.honor-xian { width: 3.1rem; height: 1px; background-color: #eeeeee; }

.honor-item-text {/* margin: .36rem 0 0 .31rem; */color: #333333;/* padding-bottom: .45rem; */line-height: 1.5;height: 3em;margin: .5em 1.5em;/* text-align: left; */overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.honor-crumbs-num { margin-top: 0 !important; margin-bottom: 0 !important; }

.honor-btn { cursor: pointer; width: 15px; height: 15px; background-image: url(../images/fd-icon.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 30px; bottom: 11px; }

.honor-imgso { display: none; /* width: 2.8rem; height: 2.09rem; */ position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; }

.honor-op { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; }

.honor_active { background-color: #e81f18; }

@media (max-width: 1200px) { .footer { width: 100%; }
  .doubt .crumbs-con { width: 92%; }
  .honor .honor-con { width: 100%; } }

@media (max-width: 767px) { .doubt .crumbs-con { display: block; /* padding: 0 4%; */ }
  .doubt .crumbs-nav { display: block; }
  .honor-item { width: 45%; height: auto; margin: 0 2%; margin-bottom: .39rem; }
  .honor-item-text { line-height: 1.5; }
  .index .box2-inp { width: 100%; height: 40px; }
  .index .box2-seach .box2-btn { height: 40px; line-height: 40px; }
  .doubt-box-day { margin: .2rem 0; } }

/* 联系我们 */
.contact { width: 100%; }

.contact-con { width: 16rem; margin: 0 auto; padding-top: .79rem; padding-bottom: 1rem; }

.contact-top { width: 100%; position: relative; }

.contact-list { display: -webkit-box; display: -ms-flexbox; display: flex; height: .8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 .7rem; }

.contact-item { /* width: 2.5rem; */ padding: 0 .72rem; height: .8rem; text-align: center; line-height: .8rem; background-color: #f6f6f6; }

.contact-item:hover { background-color: #e81f18; color: #ffffff; }

.contact-bom { width: 100%; height: 7.2rem; margin-top: .61rem; position: relative; overflow: hidden; }

.contact-bom .swiper-container{ height: 100%; }

.contact-box {position: absolute;top: 8%;right: 5%;width: 4.6rem;/* height: 5.52rem; */background-color: #ffffff;-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);padding: .6rem .8rem .53rem .59rem;z-index: 10;}

.contact-title { font-family: "SourceHanSansCN-Bold"; color: #333333; font-weight: bold; }

.contact-dian { width: 20px; height: 2px; background-color: #333333; margin-top: .2rem; }

.contact-phone { margin-top: .4rem; }

.contact-diz { margin-top: .3rem; }

.contact-diz2 { margin: .15rem 0; }

.diz3-text { line-height: 1.8; }

.contact-num { margin-top: .14rem; }

.contact-img .img { width: 100%; height: 100%; }

.contact-a { width: 100%; height: 100%; /* display: none; */ }

.contact-img { width: 100%; height: 100%; }

.comtact-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .8rem; }

.contact-prev {cursor: pointer;width: .6rem;height: .6rem;border: solid 1px;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #e81f18;font-size: .2rem;}

.contact-prev:after { content: '\e63f'; font-family: iconfont; }

.contact-prev:hover { background-color: #e81f18; border: none; color: #fff; }

.contact-next {cursor: pointer;width: .6rem;height: .6rem;border: solid 1px;border-radius: 50%;margin-left: .2rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #e81f18;font-size: .2rem;}

.contact-next:after { content: '\e621'; font-family: iconfont; }

.contact-next:hover { background-color: #e81f18; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; color: #fff; }

.contact_active { background-color: #e81f18; color: #fff; }

.contact-diz2 span:nth-child(2) { line-height: 2; }

.ctact_prev { display: none; width: .6rem; height: .6rem; border-radius: 50%; border: solid 1px #999999; background-image: url(../images/prev.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.ctact_prev:hover { background-color: #e81f18; background-image: url(../images/prev_1.png); -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); border: none; }

.ctact_next { display: none; cursor: pointer; width: .6rem; height: .6rem; border-radius: 50%; border: solid 1px #999999; background-image: url(../images/prev.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); }

.ctact_next:hover { background-color: #e81f18; background-image: url(../images/prev_1.png); -webkit-transform: rotate(0) translate(0, -50%); -ms-transform: rotate(0) translate(0, -50%); transform: rotate(0) translate(0, -50%); border: none; }

@media (max-width: 767px) { .contact-con { width: 100%; padding: .8rem 4% 0 4%; }
  .contact-bom { height: 8.5rem; margin-bottom: 1rem; }
  .contact-box { height: auto; width: 100% !important; }
  .contact-bom .swiper-container { height: 100%; }
  .contact-item { width: auto; font-size: 12px; padding: 0 .05rem; }
  .contact-bom { height: auto; }
  .contact-box { position: relative; top: 0; left: 0; width: 100%; height: auto; } }

/* 合作伙伴 */
.partner { width: 100%; }

.partner-con { width: 16rem; margin: 0 auto; }

.partner-list { margin: .8rem 0 .6rem 0; }

.partner-bom-list { width: 100%; }

.partner-bom { margin-bottom: .8rem; }

.partner-bom-item-i { display: none; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; width: 100%; height: 100%; }

.partner-bom-item { display: block; width: 16.6%; float: left; height: 3.1rem; background-color: #fff; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.partner-bom-img { padding: .72rem .73rem 0 .68rem; overflow: hidden; }

.partner-bom-img img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.partner-bom-item:hover .partner-bom-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.partner-bom-text { text-align: center; margin-top: .65rem; padding-bottom: .49rem; }

.contact_active { background-color: #e81f18; color: #fff; }

.partner-bom-item a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .partner-con { width: 100%; padding: 0 4%; }
  .partner-bom-item { width: 33.3%; height: auto; } }

/* 客户案例 */
.case { width: 100%; background-color: #f6f6f6; }

.case-con { width: 16rem; margin: 0 auto; padding-top: .8rem; padding-bottom: .7rem;}

.case-list { width: 100%; }

.case-item { width: 23.2%; background-color: #ffffff; /* box-shadow: 0px 20px 30px 0px  rgba(0, 0, 0, 0.05); */ float: left; margin-right: .37rem; margin-bottom: .45rem; }

.case-item-img { overflow: hidden; }

.case-item-img img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.case-item:hover { -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05); }

.case-item:hover .case-item-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.case-item:nth-child(4n) { margin-right: 0; }

.case-item-text { padding: .3rem 0 0 .3rem; }

.case-item-day { font-family: " AvantGardeITCbyBT-Book"; color: #666666; }

.case-item-t1 { color: #333333; margin-top: .19rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-family: "SourceHanSansCN-Regular"; line-height: normal; font-weight: bold; }

.case-item-btn { color: #999999; margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .3rem; padding-bottom: .34rem; }

.case-item-icon { display: inline-block; width: 15px; height: 15px; background-image: url(../images/case-xq-icon.png); background-position: center; background-repeat: no-repeat; margin-left: .26rem; }

.case-item:hover .case-item-txt { color: #e81f18; }

.case-item:hover .case-item-icon { background-image: url(../images/case-xq-icon-1.png); }

.case-crumbs-num { margin-bottom: 0 !important; padding-bottom: .35rem; }

@media (max-width: 767px) { .case-con { width: 100%; padding: .8rem 4% .6rem 4%; }
  .case-item { width: 45%; margin: 0 2% .6rem 2%; }
  .case-item-t1 { line-height: normal; } }

/* 客户案例详情 */
.case-xq { width: 100%; }

.case-xq-box1 { width: 100%; background-color: #f6f6f6; }

.case-xq-box1-con { width: 16rem; margin: 0 auto; padding: 1rem 0 0 0; }

.case-xq-con { width: 16rem; margin: 0 auto; }

.case-box1-top { display: -webkit-box; display: -ms-flexbox; display: flex; }

.case-box1-l { width: 50%; height: 6rem; position: relative; }

.case-box1-r { width: 50%; height: 100%; }

.case-prev {position: absolute;left: 30px;top: 50%;width: .6rem;height: .6rem;border: solid 1px #ffffff;border-radius: 50%;z-index: 5;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);color: #e81f18;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;border: 1px solid;}

.case-prev:after { content: '\e63f'; font-family: iconfont; }

.case-next {width: .6rem;height: .6rem;position: absolute;right: 30px;top: 50%;border: solid 1px #ffffff;border-radius: 50%;z-index: 5;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;border: 1px solid;color: #e81f18;}

.case-prev.swiper-button-disabled,
.case-next.swiper-button-disabled{ color: #ccc }

.case-next:after { content: '\e621'; font-family: iconfont; }
.case-next:not(.swiper-button-disabled),
.case-prev:not(.swiper-button-disabled){
  cursor: pointer;
}

.case-next:not(.swiper-button-disabled):hover {background-color: #e81f18;-webkit-transform: translate(0, -50%) rotate(0);-ms-transform: translate(0, -50%) rotate(0);transform: translate(0, -50%) rotate(0);border: none;color: #fff;}
.case-prev:not(.swiper-button-disabled):hover {background-color: #e81f18;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);border: none;color: #fff;}


.case-box1-show { width: 100%; height: 100%; }

.case-box1-show .swiper-pagination-bullet { background: #fff; opacity: 1; }

.case-box1-show .swiper-pagination-bullet-active { background: #e81f18; }

.case-box1-r { padding: .84rem 0 2rem 1rem; }

.case-box1-r-t1 { color: #333333; border-bottom: 1px solid #ccc; padding-bottom: .4rem; }

.case-box1-r-dian { width: 30px; height: 3px; background-color: #333333; position: relative; top: -2.5px; }

.case-box1-r-text { margin-top: .4rem; }

.case-text-t { margin-bottom: .22rem; color: #666666; }

.case-box1-r-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .4rem; }

.case-r-btn1 { width: 1.6rem; height: .5rem; border: solid 1px #e81f18; color: #e81f18; text-align: center; line-height: .5rem; }

.case-r-btn1:hover { background-color: #e81f18; color: #fff; }

.case-r-btn2 { width: 1.6rem; height: .5rem; border: solid 1px #e81f18; color: #e81f18; text-align: center; line-height: .5rem; margin-left: .2rem; }

.case-r-btn2:hover { background-color: #e81f18; color: #fff; }

.case-xq-box2 { width: 100%; background-color: #fff; }

.case-xq-box-con { width: 16rem; margin: 0 auto; padding: .8rem 0 .98rem 0; }

.case-xq-box2-title { color: #333333; font-weight: bold; font-family: "SourceHanSansCN-Bold"; }

.case-xq-box2-img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .39rem; }

.case-xq-img { width: 32%; }

.case-xq-p p { line-height: 2.2; color: #333333; }

.p1 { margin-top: .58rem; }

.p2 { margin-top: .58rem; }

.p3 { margin-top: .58rem; }

@media (max-width: 767px) { .case-xq-box1-con { width: 100%;padding: 1rem 0; }
  .case-box1-top { display: block; padding: 0 4%; }
  .case-box1-l { width: 100%; height: auto; }
  .case-box1-r { width: 100%; margin-top: .5rem; }
  .case-box1-r { padding: 0; }
  .case-xq-box-con { width: 100%; }
  .case-xq-box2-img { display: block; }
  .case-xq-img { width: 100%; margin-bottom: .3rem; }
  .case-xq-box2 { padding: 0 4%; } }

/* 产品中心 */
.products { width: 100%; background-color: #f6f6f6; }

.products-con { width: 16rem; margin: 0 auto; padding-bottom: .95rem; }

.product-box { width: 100%; background-color: #fff; }

.product-box-con { width: 16rem; margin: 0 auto; }

.products-top { width: 100%; padding: .49rem 0 .6rem 0; }

.products-top-list { width: 100%; /* display: flex; */ }

.products-top-item { display: inline-block; padding: .17rem .37rem; text-align: center; border-radius: 25px; border: solid 1px #cccccc; margin-left: .1rem; margin-bottom: .1rem; }

.products-top-item:hover { border: solid 1px #e81f18; color: #e81f18; }

.products-list { width: 100%; margin-top: .6rem; }

.products-item {float: left;width: 3.86rem;margin-right: .18rem;margin-bottom: .18rem;}

.products-xq-bom .products-item{width: 100%;margin-right: 0;}

.box2-top img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.products-item:hover .box2-top img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.products-item:nth-child(4n) { margin-right: 0; }

/* 产品中心-详情 */
.products-xq-top {width: 100%;margin-top: .78rem;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: flex-start;}

.products-xq-top-l {width: 65%;height: 4.81rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.products-l-l { width: 23%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; /* padding: .3rem 0; */ }

.products-l-l-show { height: 100%; padding: .44rem 0; }

.products-l-l-show .swiper-container { height: 100%; }

.products-l-l-img { 
  /* width: 1.54rem;  */
  /* height: 1.28rem;  */
  /* height: 100%; */
  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; }

.products-l-l-prev { background-position: center; /* transform: rotate(180deg); */ background-repeat: no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; font-size: 20px; color: #666; }

.products-l-l-prev:before { content: '\e63d'; font-family: iconfont; }

.products-l-l-next { background-position: center; background-repeat: no-repeat; position: absolute; bottom: 1px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; font-size: 20px; color: #666; }

.products-l-l-next:before { content: '\e63c'; font-family: iconfont; }

.products-l-r { width: 80%; height: 100%; margin-left: .3rem; }

.products-l-r-show { height: 100%; border: 1px solid #ccc; }

.products-l-r-show .swiper-container { height: 100%; }

.products-l-l-show .swiper-slide { border: solid 1px #cccccc; width: 1.54rem; 
  height: auto; 
  position: relative; }

.products-l-l-op { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 3; }

.products-l-l-btn { width: 36px; height: 36px; background-image: url(../images/products-icon1.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.7); -ms-transform: translate(-50%, -50%) scale(0.7); transform: translate(-50%, -50%) scale(0.7); z-index: 4; cursor: pointer; }

/* 视频 */
.my-video-dimensions { width: 100%; height: 5.32rem; }

/* .products-l-l-show .swiper-slide-active{
  border: solid 1px #e81f18;
} */
.l-show-active { border: solid 1px #e81f18 !important; }

.products-xq-top-r {/* width: 50%; */padding-left: .98rem;padding-top: .38rem;flex: 1;}

.products-top-r-title { /*margin-top: .19rem;*/ color: #333333; font-weight: bold; }

.products-top-r-dian { width: 30px; height: 3px; background-color: #000000; margin-top: .21rem; }

.products-top-r-gn { margin-top: .3rem; line-height: 1.7; color: #333333; }

.top-gn-t1 { font-family: "SourceHanSansSC-Bold"; color: #333333; font-weight: bold; }

.products-top-r-xh { font-weight: bold; }

.products-xq-middle { width: 100%; }

.products-middle-con { width: 16rem; margin: 0 auto; overflow: hidden; }

.products-middle-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; bottom: -1px; z-index: 3; }

.products-middleitem { width: 2.6rem; height: 0.8rem; line-height: 0.8rem; color: #666666; border: solid 1px #cccccc; text-align: center; }

.product_active { background-color: #e81f18; color: #fff; font-weight: bold; }

.products-xq-m-box { width: 100%; background-color: #fff; padding: 1rem 0; z-index: 4; }

.products-xq-m-con { width: 16rem; margin: 0 auto; }

.products-m-box { width: 100%; }

.products-m-box-l { width: 50%; }

.products-m-box-l * { line-height: 1.5; color: #666 }

.products-m-box-l td {padding: .3rem .2rem;line-height: 1.5;color: #666;}

.products-m-box-l tr:nth-of-type(2n+1) { background: #fbfbfb; }

.products-m-box-r { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.products-m-title { text-align: center; font-weight: bold; letter-spacing: 10px; font-family: "SourceHanSansSC-Bold"; color: #333; }

.products-m-list { width: 100%; }

.products-m-item { width: 100%; padding: .31rem .52rem .31rem .5rem; color: #666666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.products-m-item:nth-child(2n+1) { background-color: #fbfbfb; }

.products-xq-bom-title { font-weight: bold; color: #333; }

.products-m-box { margin-top: 1.06rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.products-m-item-t1 { display: inline-block; width: 15%; }

.products-m-item-t2 { width: 80%; display: inline-block; margin-left: .88rem; line-height: 1.7; }

.products-xq-bom { width: 100%; background-color: #f6f6f6; padding: 1.02rem 0 .97rem 0; }

.products-xq-bom-con { width: 16rem; margin: 0 auto; }

.products-xq-bom-title { text-align: center; margin-bottom: .54rem; }

.bom-show-item { list-style-type: none; }

.products-xq-bom-show { position: relative; }

.show-prev {width: .6rem;height: .6rem;border-radius: 50%;position: absolute;left: -4%;top: 50%;-webkit-transform: translate(0, -50%) rotate(0);-ms-transform: translate(0, -50%) rotate(0);transform: translate(0, -50%) rotate(0);z-index: 3;cursor: pointer;/* background-color: #e81f18; */background-size: 9px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #e81f18;font-size: 18px;border: 1px solid;}
.show-prev:hover{
    background: #e81f18;
    color: #fff;
}
.show-prev:after { content: '\e63f'; font-family: iconfont; }

.show-prev.swiper-button-disabled {/* border: solid 1px #999999; */background-color: transparent;color: #ccc;}

.show-next {cursor: pointer;width: .6rem;height: .6rem;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);border-radius: 50%;position: absolute;right: -4%;top: 50%;z-index: 3;/* background-color: #e81f18; */background-size: 9px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #fff;font-size: 18px;border: 1px solid;color: #e81f18;}
.show-next:hover{ background: #e81f18;
    color: #fff; }
.show-next:after { content: '\e621'; font-family: iconfont; }

.show-next.swiper-button-disabled {background-color: transparent;/* border: none; *//* border: solid 1px #999999; */color: #ccc;pointer-events: none;}

.products-con-item { display: none; }

/* .products-l-r{
  padding:1.75rem  .57rem  1.43rem;
} */
/* .products-l-r-show{
  padding:1.75rem  .57rem  0;
} */
.products-l-r-img { /* width: 3.29rem; */ /* height: 3.98rem; */ width: 100%; height: 100%; margin: 0 auto; position: relative; }

.r-img-img { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.zoomContainerP { display: none; }

.products-l-r-show .zoomContainerP { display: block; }

.top_active { border-color: #e81f18; color: #e81f18; }

.l-r-img-op { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; border: none; }

.l-r-img-btn { cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 36px; height: 36px; background-image: url(../images/products-icon1.png); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 3; }

@media (max-width: 767px) { .product-box-con { width: 100%; }
  .products-con { width: 100%; /* padding: 0 4%; */ /*padding-bottom: 1px;*/ }
  .products-xq-top { width: 100%; display: block; position: relative; }
  .products-xq-top-l { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
  .products-l-r { width: 100%; }
  .products-xq-top-r {width: 100%;padding-left: 0;/* margin-top: .5rem; *//* padding-bottom: 1.38rem; */}
  .products-xq-m-con { width: 100%; }
  .products-m-box { display: block; margin-top: .5rem; }
  .products-xq-m-box { padding: .5rem 0; }
  .products-m-box-l { width: 100%; }
  .products-m-item-t1 { width: 25%; }
  .products-m-box-r { margin: 0 auto; display: none; }
  .products-xq-bom-con { width: 100%; padding: 0 4%; }
  .products-xq-bom-show { width: 100%; }
  .bom-show-item { width: 100% !important; }
  .show-next { right: -26px; -webkit-transform: translate(0, -50%) scale(0.8); -ms-transform: translate(0, -50%) scale(0.8); transform: translate(0, -50%) scale(0.8); }
  .show-prev { left: -24px; background-size: 28% 50%; -webkit-transform: translate(0, -50%) scale(0.8); -ms-transform: translate(0, -50%) scale(0.8); transform: translate(0, -50%) scale(0.8); }
  .products { padding: 0 4%; }
  .products-middle-con { width: 100%; }
  .products-l-l-next { bottom: 0; }
  .products-l-l-show { padding: .2rem 0; height: auto; width: 5.5rem; }
  .products-l-r { margin-left: 0; }
  .products-l-l { width: 100%; }
  .products-l-l-prev { top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
  .products-l-l-next { top: 50%; right: 0; left: unset; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
  .liuyan-btn { width: 100%; height: 40px; line-height: 40px; margin-left: 0; margin-top: .7rem; }
  /* .products-l-r-show .swiper-slide{ width: 443px!important; margin-right: 2px; } */
  .products-middleitem { width: 33.333%; }
  .products-l-r-show .swiper-slide {/* padding: .5rem; */height: auto;} 
  .products-l-r-img{pointer-events: none;}
}
  
  .products-l-r-show .swiper-container{/* pointer-events: none; */}

/* 简介 */
.about { width: 100%; }

.about-box1 { width: 16rem; margin: 0 auto; padding-bottom: .68rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.about-box1-l { width: 50%; padding-top: .85rem; padding-bottom: .68rem; }

.about-box1-txt { margin-top: .39rem; line-height: 2.2; color: #666666; padding-right: 1.38rem; }

.about-box1-r { width: 50%; padding-top: .8rem; }

.about-box1-img { position: relative; }

.about-box1-op { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.about-box1-btn { width: 74px; height: 74px; background-image: url(../images/video.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.about-xian { width: 100%; height: 1px; background-color: #eeeeee; }

.about-box2 { width: 100%; }

.about-box2-con { width: 16rem; margin: 0 auto; padding: .63rem 0 1rem 0; }

.about-box2-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.about-box2-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 16%; float: left; margin-right: 0.8%; }

.about-box2-item:last-of-type { margin-right: 0; }

.about-box2-t1 { color: #e81f18; font-weight: bold; }

.about-box2-t2 { color: #666666; margin-top: .23rem; }

.about-lc {width: 100%;background-image: url(../images/about-lc_02.png);background-position: center center;background-repeat: no-repeat;position: relative;background-size: cover;padding: .9rem 0 1.07rem 0;}

.about-lc-con {/* width: 16rem; */margin: 0 auto;/* height: 8.1rem; *//* padding: .9rem 0 1.07rem 0; */position: relative;}

.lc-xian {width: 100%;height: 1px;background-color: #ffffff;opacity: 0.3;position: absolute;top: 50%;/* transform: translateY(-50%); */}

.about-lc-title { text-align: center; color: #fff; font-weight: bold; }

.about-lc-show {margin-top: .53rem;/* width: 16rem; */margin-left: auto;margin-right: auto;position: relative;max-width: 100%;}

.about-lc-show_cnt{width: 16rem;position: relative;margin: auto;max-width: 100%;}

.about-show-item {display: -webkit-box;display: -ms-flexbox;display: flex;/* margin-top: .15rem; *//* margin-right: .85rem; */width: 4.8rem;height: 100%;}

.about-show-item-l { width: .15rem; height: 100%; }

.about-show-item-r {/* width: calc(100% - 15px); */margin-left: .3rem;overflow: hidden;flex: 1;}

.about-show-item-box {/* width: 4.3rem; */height: 2rem;background: rgba(104, 111, 124, 0.5);}

.about-lc-show .swiper-slide:nth-child(2n) {margin-top: 2.59rem;/* margin-left: -3rem; */}

.about-lc-show .swiper-slide:nth-child(2n+1) {/* margin-left: -1.2rem; */}

.about-lc-show .swiper-slide {width: 2.4rem;height: 2.59rem;}

.wh-item-top { background-image: none !important; }

.about-show-item-l img { width: 100%; height: 100%; }

.about-lc-show .swiper-slide:nth-child(1) {/* margin-left: 0; */}

.about-lc-show .swiper-slide:nth-child(2n) .about-show-item-l img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.about-lc-show .swiper-slide:nth-child(2n) .about-show-item {
  margin-top: 0;
  /* -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;  */
  align-items: flex-end;
}
.about-lc-show .swiper-slide[data-swiper-row="0"]:last-of-type{
  /* margin-right: 1rem; */
}
.about-lc-show .swiper-slide[data-swiper-row="1"]{
  /* position: relative; left: 1rem; */
}
.about-show-item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.about-item-box-l { padding: .2rem; }

.about-item-box-l img { width: 1.6rem; height: 1.6rem; }

.about-item-box-r{ flex: 1; }

.about-item-box-r-t1 { color: #ffffff; font-family: "AvantGardeITCbyBT-Demi"; font-weight: bold; }

.about-item-box-r-t2 { margin-top: .16rem; color: #ffffff; }

.lc-prev {width: .6rem;height: .6rem;opacity: 0.9;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;left: -5%;z-index: 3;background-color: #e81f18;background-size: 9px;font-size: 18px;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;transform: translateY(-50%);}

.lc-prev:after { content: '\e63f'; font-family: iconfont; }

.lc-prev.swiper-button-disabled { background-color: #ffffff; color: #666; }

.lc-next.swiper-button-disabled { background-color: #ffffff; color: #666; }

.lc-next {background-color: #e81f18;width: .6rem;height: .6rem;opacity: 0.9;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;right: -3%;z-index: 3;background-size: 9px;font-size: 18px;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;transform: translateY(-50%);}

.lc-next:after { content: '\e621'; font-family: iconfont; }

.about-wh { width: 100%; background-image: url(../images/about-wh-bg_02.png); background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; }

.about-wh-con { width: 16rem; margin: 0 auto; padding: .91rem 0 .98rem 0; }

.about-wh-title { text-align: center; font-weight: bold; color: #333333; }

.about-wh-list { width: 100%; margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.about-wh-item { width: 16.3%; background-color: #fff; padding: .53rem 0 .77rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; margin-right: 7px; }

.about-wh-item:last-child { margin-right: 0; }

.gc-item-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.gc-item-icon { display: inline-block; }

.gc1 { width: 48px; height: 46px; background-image: url(../images/item-img1-1.png); background-repeat: no-repeat; background-position: center; }

.gc_state .gc-item-txt { color: #fff; }

.about-gc-item:hover .gc1 { background-image: url(../images/item-img1.png); }

.gc2 { width: 45px; height: 45px; background-image: url(../images/about-gc-it1.png); background-repeat: no-repeat; background-position: center; }

.about-gc-item:hover .gc2 { background-image: url(../images/about-gc-it1-1.png); }

.gc3 { width: 46px; height: 46px; background-image: url(../images/about-gc-it2.png); background-repeat: no-repeat; background-position: center center; }

.about-gc-item:hover .gc3 { background-image: url(../images/about-gc-it2-2.png); }

.gc4 { width: 47px; height: 50px; background-image: url(../images/about-gc-it3.png); background-repeat: no-repeat; background-position: center; }

.about-gc-item:hover .gc4 { background-image: url(../images/about-gc-it3-3.png); }

.gc5 { width: 51px; height: 58px; background-image: url(../images/about-gc-it4.png); background-repeat: no-repeat; background-position: center; }

.gc_state .gc1 { background-image: url(../images/item-img1.png); }

.gc_state .gc2 { background-image: url(../images/about-gc-it1-1.png); }

.gc_state .gc3 { background-image: url(../images/about-gc-it2-2.png); }

.gc_state .gc4 { background-image: url(../images/about-gc-it3-3.png); }

.gc_state .gc5 { background-image: url(../images/about-gc-it4-4.png); }

.about-gc-item:hover .gc5 { background-image: url(../images/about-gc-it4-4.png); }

.about-gc-item:hover { background-image: none; background-color: #e81f18; }

.about-gc-item:hover .gc-item-txt { color: #fff; }

.gc_active { background-color: #e81f18 !important; color: #fff !important; background-image: none !important; }

.wh-item-top {width: 1.01rem;/*height: 1.17rem;*/margin-top: .5rem;background-image: url(../images/about-wh-lx.png);background-position: center;background-repeat: no-repeat;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.wh-item-bom { margin-top: .42rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.wh-title { margin-bottom: .21rem; font-weight: bold; color: #333333; }

.gc-l-box-title { letter-spacing: 0px; color: #e81f18; font-weight: bold; opacity: 1; }

.wh-dian { width: 15px; height: 2px; background-color: #e81f18; margin: 0 auto; }

.wh-text {margin-top: .3rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px;line-height: 1.5;}

.wh-text-t1 { text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.wh-text-t2 { margin-top: .2rem; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.about-gc { width: 100%; background-color: #fff; padding: .82rem 0 1rem 0; }

.about-gc-con { width: 16rem; margin: 0 auto; }

.about-gc-t1 { text-align: center; color: #333333; font-family: "SourceHanSansSC-Bold"; font-weight: bold; color: #333; }

.about-gc-t2 { text-align: center; /* font-family: "SourceHanSansSC-Light"; */ color: #e81f18; margin-top: .34rem; font-weight: 100; }

.about-gc-bom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .5rem; height: 7rem; }

.about-gc-l { width: 75%; overflow: hidden; position: relative; }

.about-l-item { position: relative; display: none; width: 100%; height: auto; }

.about-l-item img { width: 100%; height: 100%; /* display: none; */ }

.gc-l-item-box { padding: 1.04rem .42rem .66rem .41rem; background-color: #fff; /* opacity: 0.8; */ background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 5%; top: 20%; width: 30%; }

.gc-l-box-title { color: #e81f18; position: relative; }

.gc-l-box-xian { width: 100%; height: 1px; background-color: #e81f18; opacity: 0.8; margin-top: .32rem; }

.gc-l-box-dian { width: 30px; height: 3px; background-color: #e81f18; position: relative; top: -2px; }

.gc-l-box-text { /* margin-top: .41rem; */ margin-top: 0.2rem; line-height: 1.875; color: #666; width: 100%; height: 1.86rem; overflow: auto; text-align: justify; }

.gc-l-box-text-box { width: 100%; height: 100%; line-height: 1.875; text-align: justify; }

.about-gc-l-list { width: 100%; height: 100%; }

.about-gc-r { width: 25%; overflow: hidden; }

.gc_state { background-image: none !important; background-color: #e81f18 !important; }

.about-gc-item { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), to(#f6f6f6)), -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5) 0%, #f6f6f6 100%), -o-linear-gradient(#f6f6f6, #f6f6f6); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, #f6f6f6 100%), linear-gradient(#f6f6f6, #f6f6f6); background-blend-mode: normal, normal; /* padding: .48rem 0 .47rem; */ height: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.gc-item-txt { margin-left: .39rem; color: #333333; }

.partner-list .swiper-slide { width: 2.5rem !important; }

.about-box1-title { font-family: "SourceHanSansSC-Bold"; font-weight: 800; color: #333333; }

@media (min-width: 1199px) and (max-width: 1920px) { .index .box4-l { width: 45%; }
  .index .box4-item { width: 47%; } }

@media (max-width: 1200px) { .about-gc-bom { height: auto; }
  .index .box2-max-l { width: 70%; }
  .index .box2-in-txt ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* width: calc(100% - 85px); */ }
  .contact-box { width: 6.6rem; height: auto; padding: .2rem .8rem .2rem .53rem; }
  .products-l-l-next { bottom: 0; }
  .gc1, .gc2, .gc3, .gc4, .gc5 { background-size: 50%; }
  .gc-item-icon { display: none; }
  .gc-item-txt { margin-left: 0; }
  .index .box4-l { width: 49%; }
  .index .box4-item { width: 47%; }
  .about-box2-item { width: 30%; margin-bottom: .5rem; } }

@media (max-width: 767px) { .about-box1 { width: 100%; display: block; padding: 0 4%; }
  .about-box1-l { width: 100%; }
  .about-box1-r { width: 100%; }
  .about-box1-r { padding-top: 0; padding-bottom: .68rem; }
  .index .vido-box { width: auto; }
  .about-box1-txt { padding-right: 0; }
  .about-box2-con { width: 100%; padding: 0 4%; margin-top: .63rem; }
  .about-box2-t2 {line-height: 1.5;margin-top: 0;}
  .about-box2-item { width: 45%; display: inline-block; margin-bottom: .2rem; margin-right: 10%; }
  .about-box2-item:nth-child(2n) { margin-right: 0; }
  .about-lc-con { width: 100%; }
  .about-lc-show .swiper-slide:nth-child(2n) {/* margin-top: 0; margin-left: 0; *//* margin-left: -100%; margin-top: 126px; *//* margin-top: 36%; margin-left: -50%; margin-right: 0; */margin-top: 0;}
  /* .about-lc-show .about-show-item-r{ width: auto!important; } */
  .about-lc-show .swiper-slide:nth-child(2n+1) {/* margin-top: 0; *//* margin-left: 8rem; */}
  .about-show-item-box {/* width: 6rem; *//* margin-left: -0.8rem; */}
  .about-lc-show .swiper-slide:nth-child(1) {/* margin-left: 2rem; *//* margin-top: 0; */}
  .lc-prev { left: 1%; }
  .lc-next { right: 1%; }
  .about-wh-con { width: 100%; padding: .94rem 4% .98rem 4%; }
  .about-wh-item {width: 48%;margin-right: 4%;margin-bottom: .3rem;padding: .4rem 0;}
  .about-wh-item:nth-child(2n) { margin-right: 0; }
  .wh-item-top{ margin-top: 0; }
  .wh-item-bom{margin-top: .2rem;}
  .wh-text{ margin-top: .1rem }
  .about-gc-con { width: 100%; }
  .about-gc-bom { display: block; }
  .about-gc-l { width: 100%; height: auto; }
  .about-gc-r {width: 100%;padding: 0 .3rem;}
  .about-gc-item {width: 32%;float: left;margin: 0 2% 2% 0;height: 3em;}
  .about-gc-item .gc-item-txt{font-size: 15px;}
  .about-gc-item:nth-of-type(3n){ margin-right: 0; }
  .about-gc-bom { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .gc-l-item-box { top: 9%; }
  .crumbs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .crumbs-nav-item { /* width: 30%; */ display: inline-block; margin-right: .3rem; }
  .about_crumbs { width: 32%; background-color: #f6f6f6; margin-bottom: .1rem; margin-right: 2%; }
  .about_crumbs:nth-of-type(3n) { margin-right: 0; }
  .index .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; }
  .gc-l-item-box {position: relative;width: 100%;height: auto;left: 0;padding: .3rem .3rem .5rem;}
  .about-l-item img{display: block;width: 92%;margin: auto;}
  .about-show-item-l {display: none;}
  .gc-l-box-text { width: 100%; }
  .about-wh-list {/* display: block; */flex-wrap: wrap;}
  .about-box2-list { display: block; }
  .gc-l-box-text { height: auto; }
  .gc1, .gc2, .gc3, .gc4, .gc5 { background-size: 50%; }
  .index .box4-item {width: 100%;margin-right: 0;}
  .index .box4-l { width: 100%; }
  .liuyan-l { display: none; }
  .contact-list { display: block; height: auto; }
  .contact-top .swiper-wrapper { display: block; }
  .contact-top .swiper-slide { width: 46% !important; float: left; margin-right: .2rem; margin-bottom: .2rem; float: left; }
  .ctact_next { display: none !important; }
  .ctact_prev { display: none !important; }
  .contact-next { background-size: 20%; }
  .contact-prev { background-size: 20%; } }

@media screen and (device-width: 568px) and (device-height: 588px) and (-webkit-device-pixel-ratio: 2) { .about-lc-show .swiper-slide:nth-child(2n) { margin-left: -10.3rem; } }

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .about-lc-show .swiper-slide:nth-child(2n+1) { margin-left: 6.8rem; } }

/* fiexd */
#TOP { display: none; }

.fiexd { position: fixed; right: 0; top: 50%; height: auto; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.fiexd-lits { background-color: #f6f6f6; }

.fiexd-item { width: .9rem; height: .9rem; background-color: #c5c5c5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2px; cursor: pointer; z-index: 9; position: relative; }

.fiexd-pop{ position: absolute; left: 0; top: 0;
  transform: translateX(-100%);
  display: none; 
  padding-right: .05rem; height: 100%;
}
.fiexd-pop__cnt{
  display: flex; align-items: center; justify-content: center;
  padding: .1rem;
  background: #e81f18; color: #fff;
  height: 100%; width: 180px;
}
.fiexd-item:hover .fiexd-pop{
  display: block;
}
@media (max-width: 767px){
  .fiexd-pop{
    left: 50%;
    bottom: 100%;
    transform: none;
    top: auto;
    margin-left: -60px;
    padding-right: 0;
  }
  .fiexd-pop__cnt{
    width: 120px;
  }
}

.fiexd-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fiexd-txt { color: #fff; margin-top: .15rem; }

@media (max-width: 1366px) { .fiexd-txt { display: none; }
  .fiexd-icon img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }

.fiexd-item:hover { background-color: #e81f18; opacity: 1; }

.zx_box { display: none; position: absolute; left: -100px; width: 100px; height: 100px; opacity: 1; }

.zx_box img { width: 100%; height: 100%; }

.wei-zx:hover .zx_box { display: block; }

.wei-qy:hover .zx_box { display: block; }
@media (max-width: 767px){
  .zx_box{
    left: 50%;
    bottom: 100%;
    /* box-shadow: 0 -8px 1rem 0 #eee; */
    border: 1px solid #eee;
    margin-left: -50px;
  }
}

/* 公共样式 */
.show { display: block; /* display: flex; */ /* flex-direction: column-reverse; */ }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

#bp_container img, #bp_sv, #bp_vid { width: 30%; }

/* footer */
.footer-bom { padding-top: .34rem; }

.social-share .icon-weibo { border: none; }

.social-share .social-share-icon { width: 35px; height: 35px; }

.social-share .icon-weibo:hover { background-color: transparent; color: unset; border: none; }

.social-share .icon-qq { border: none; }

.social-share .icon-qq:hover { background-color: transparent; color: unset; border: none; }

.social-share .icon-wechat { border: none; }

.social-share .icon-wechat:hover { background-color: transparent; color: unset; border: none; }

.index .social-share a { /*margin-right: .2rem; */}

.box6_active { background-color: #e81f18 !important; background-image: url(../images/szj.png) !important; }

.box3-num-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.jia { color: #e81f18; }

.crumbs-item:hover { color: #e81f18; }

.crumbs-item:hover a::after { color: #000; }

.liuyan-title-t1 { font-weight: bold; }

@media (max-width: 767px) { .fiexd { position: relative; bottom: 0; padding-top: 1.1rem; /* top: auto; */ -webkit-transform: none; -ms-transform: none; transform: none; /* width: 100%; */ }
  .fiexd-lits { background: #e81f18; }
  .fiexd-item { width: 25%; }
  .fiexd-lits { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 0; }
  .fiexd-lits a { width: 100%; }
  .liuyan-l-img { height: auto; height: 3rem; }
  .liuyan-l-img { padding-top: 50%; }
  .case-r-btn1 { width: 120px; height: 30px; line-height: 30px; margin-right: .3rem; }
  .case-r-btn2 { width: 120px; height: 30px; line-height: 30px; }
  .index .box5-item-text { width: 80%; }
  .box6-bom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
  .index .box2-title { display: block; }
  .index .box2-seach { margin-top: .3rem; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; }
  .index .box2-in-txt { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; font-size: 12px; }
  .index .box2-in-txt ul li { margin-bottom: .2rem; /* font-size: 12px; */ }
  .index .box2-in-txt ul { display: block; width: calc(100% - 85px); }
  .about-lc-con { height: auto; }
  .lc-xian {display: none;}
  .products-top-item { width: 45%; border-radius: unset; margin: 0 2% .1rem 2%; }
  .fiexd-item { opacity: 1; margin-bottom: 0; background: none; height: 1.1rem; }
  .fiexd-icon img { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
  /* .about-lc-show .swiper-slide:nth-child(2n+1){ margin-left: 6.8rem; } */
  .about-lc-show .swiper-container{ width: 80%; }
  .about-lc-show .swiper-slide{width: 4.8rem;height: auto;}
  .about-show-item{ width: 100%; }
  .about-show-item-r{ margin-left: 0;}
  .about-lc-show .swiper-slide:nth-child(2n) {/* margin-top: 2.45rem; *//* margin-left: -100%; *//* position: relative; *//* left: calc(-2.4rem - 10px); */}
  .about-lc-show .swiper-slide:nth-child(1) {/* margin-left: 1.5rem; */} }

@media (min-width: 767px) and (max-width: 1150px) { .box3-item { margin-bottom: .3rem; }
  .index .box2-inp { width: 5.5rem; }
  .r-img-img img {/* width: 62%; */} }

@media (min-width: 600px) and (max-width: 715px) { .products-top-item { width: 23%; }
  .box-prev { display: none; }
  .box-next { display: none; } }

@media (min-width: 600px) and (max-width: 766px) { .about-lc-show .swiper-slide:nth-child(1) { margin-top: 0; margin-left: 16%; }
  .about-lc-show .swiper-slide:nth-child(2n) { margin-top: 0; margin-left: 0%; }
  .about-lc-show .swiper-slide:nth-child(2n+1) { margin-top: 0; margin-right: 1rem; }
  .about-lc-show .swiper-slide:nth-child(2n+1) { margin-left: 4.5rem; }
  .about-lc-show .swiper-slide:nth-child(2n+1) { margin-right: 1rem; } }

.scrollbar { width: 30px; height: 300px; margin: 0 auto; }

.gc-l-box-text::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }

.gc-l-box-text::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; }

.gc-l-box-text::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; }

.honor-imgso { width: 20%; height: 4.7rem; background-color: #ffffff; }

.honor-imgso .honor-item { width: 100%; }

.honor-imgso { display: -webkit-box; display: -ms-flexbox; display: flex; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.teaser { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s,-webkit-box-shadow .3s; transition: opacity 1s ease-out 0.2s,-webkit-transform 1s ease-out 0.2s,-webkit-box-shadow .3s; -o-transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s,-webkit-transform 1s ease-out 0.2s,-webkit-box-shadow .3s; }

.teaser.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* 更新 */
.box2-con .swiper-button-disabled, .box2-con .swiper-button-disabled { pointer-events: none; }

.seach-top { cursor: pointer; width: 16px; height: 16px; font-size: 14px; }

.seach-bom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.seach-show { display: -webkit-box; display: -ms-flexbox; display: flex; /* flex-direction: column; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.honor-imgso { width: 50%; height: 4.7rem; background-color: #ffffff; }

.honor-imgso .honor-item-top { width: auto; padding-top: .2rem; }

.honor-imgso .honor-item-img { width: 100%; height: 100%; }

.honor-imgso .honor-item-text { text-align: center; }

.honor-imgso .honor-item:hover .honor-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.case-box1-r-t1 { position: relative; font-weight: bold; }

/* .about-lc-show .swiper-slide-active{
  display: none;
} */
.doubt-r-t1 { font-weight: bold; }

.htmlvid { width: 8rem; height: 5rem; position: relative; }

.htmlvid .btn-play { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .74rem; height: .74rem; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }

.htmlvid video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }


*::-webkit-media-controls-panel {
/*   display: none!important; */
  -webkit-appearance: none;
}
*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}





@media (max-width: 767px) { .htmlvid { width: 100%; }
  .my-video-dimensions { height: 6rem; } 
  .htmlvid .btn-play{/* display: none; */}
}

.about-lc-con .swiper-button-disabled { pointer-events: none; }

.box5-con .swiper-button-disabled { pointer-events: none; }

.box .swiper-button-disabled { opacity: 0.3; pointer-events: none; }

.news-con .swiper-button-disabled { opacity: 0.3; pointer-events: none; }

.contact-bom .swiper-button-disabled {/* opacity: 0.3; */pointer-events: none;color: #ccc;}

.products-xq-bom-show .swiper-button-disabled { pointer-events: none; }

.zoomContainer { z-index: 1; }

.ying { -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; }

.doubt-state { opacity: 0.3; pointer-events: none; cursor: default; }

.vjs-poster { background-size: cover !important; }

.video-js .vjs-big-play-button { font-size: 7em !important; width: 0.74rem !important; height: 0.74rem !important; border-radius: 50% !important; background-image: url(../images/video.png); background-position: center; border: none !important; background-repeat: no-repeat; background-color: transparent !important; background-size: 70%; }

.vjs-big-play-centered .vjs-big-play-button { margin-top: 0 !important; margin-left: 0 !important; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before { display: none !important; }

.wh-top-img { width: 51px; height: 41px; }
.wh-top-img img{ max-height: 100%; }

/* 更新 */
.doubt-state { opacity: 0.3; }

.htm-img { display: none; width: .74rem; height: .74rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }

.htm-img2 { padding-top: 100%; background-size: cover; }

.item-box-l { height: .46rem; }

@media (max-width: 550px) { .item-box-l { height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.item-box-l img { height: 100%; width: auto; }

.item-box-r { height: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.item-box-r-t1 { font-weight: bold; }

@media (max-width: 1200px) { /* .video-js .vjs-big-play-button{ } */ }

@media (max-width: 481px) and (max-width: 767px) { .box-show .swiper-wrapper { display: block; }
  .box-show .swiper-slide { width: 32% !important; float: left; margin-right: 0 !important; }
  .index .box-next { display: none !important; }
  .index .box-prev { display: none !important; }
  .index .baner { height: 6rem; }
  .doubt-prev { background-size: 28% 50%; }
  .doubt-next { background-size: 28% 50%; }
  .news-prev { background-size: 28% 50%; }
  .news-next { background-size: 28% 50%; }
  .news-item-btn { height: 40px; }
  .index .box2-bom-r-img { background-size: 70%; }
  .products-l-r-img {/* width: 3.29rem; *//* height: 3.98rem; */}
  .doubt .baner-text { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .index .box5-prev { background-size: 28% 50%; }
  .index .box5-next { background-size: 28% 50%; }
  .zoomContainer { display: none; } }

@media screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { .about-lc-show .swiper-slide:nth-child(2n+1) {/* margin-left: 9rem; */}
  .about-lc-show .swiper-slide:nth-child(1) {/* margin-left: 2rem; */} }

@media (min-width: 501px) and (max-width: 600px) { .about-lc-show .swiper-slide:nth-child(2n) { margin-left: -100%; }
  .about-lc-show .swiper-slide:nth-child(2n+1) { margin-left: 0%; }
  .about-lc-show .swiper-slide:nth-child(1) { margin-left: 3.4rem; } }

@media (min-width: 500px) and (max-width: 650px) { .box-show .swiper-wrapper { display: block; }
  .box-show .swiper-slide { width: 32% !important; float: left; } }

@media (min-width: 500px) and (max-width: 530px) { .about-lc-show .swiper-slide:nth-child(2n) { margin-left: -100%; }
  .about-lc-show .swiper-slide:nth-child(2n+1) { margin-left: 100%; }
  .about-lc-show .swiper-slide:nth-child(1) { margin-left: 2.5rem; } }

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .about-lc-show .swiper-slide:nth-child(1) { margin-left: 1rem; }
  .about-lc-show .swiper-slide:nth-child(2n) { margin-left: -6.8rem; } }

.zoomContainer { display: none; }

.baner-img { height: 5rem; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 767px) { .baner-img { height: 125px; }
  .doubt-r-t1 { font-size: 20px; }
  .doubt-xq-list { margin-top: 10px; } }

.social-share .icon-weibo { color: #ea0000; border-color: #ea0000; }

@media (max-width: 767px) { .show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  #bp_container img, #bp_sv, #bp_vid { width: 96% !important; height: 96% !important; } }

.box-show .box-item:hover, .box-show .box-item.box_active { background: #e81f18; }

.box-show .box-item:hover .box-img, .box-show .box-item.box_active .box-img { display: none; }

.box-show .box-item:hover .box-img--active, .box-show .box-item.box_active .box-img--active { display: block; }

.box-show .box-item:hover .box-text, .box-show .box-item.box_active .box-text { color: #fff; }

.box-show .box-img { width: .7rem; height: 0.7rem; background-position: center; background-repeat: no-repeat; background-size: contain; }

.box-show .box-img--active { display: none; }

@media (max-width: 767px) { .box-show { display: none; } }

.productCate { -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; }

@media (max-width: 767px) { .productCate { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.productCate .item { width: 33.3%; padding: .2rem 0; border: 1px solid #f6f6f6; }

.productCate .item--active { background: #e81f18; }

.productCate .item--active .img { display: none; }

.productCate .item--active .img--active { display: block; }

.productCate .item--active .name { color: #fff; }

.productCate .item:active .name { color: #e81f18; }

.productCate .img { width: .7rem; height: .7rem; margin: auto; background-position: center; background-repeat: no-repeat; background-size: contain; }

.productCate .img--active { display: none; }

.productCate .name { color: #333; text-align: center; font-weight: bold; margin-top: 0.1rem; padding: 0 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }